<template>
  <div class="order-checked-main">
    <nav-bar :title="$t('h.WITHDRAW_RECORD')" />
   <!-- <div class="header-main">
     <span class="left-icon" @click="goBack"><van-icon name="arrow-left" /></span>
     <div class="center">{{$t('h.WITHDRAW_RECORD')}}</div>
   </div> -->
    <div class="order-list">
		<van-cell-group>
		  <van-cell
		    v-for="(item, index) in list"
		    :key="index"
		    less-spacing
		    title-style="flex: 5"
		    title-class="van-multi-ellipsis--l2"
		    label-class="font-size0 van-color-text-secondary"
		    value-class="margin-left38 flex-align-spacebetween"
		  >
		    <template slot="title">
		      <span class="van-multi-ellipsis--l2">{{ item.title }}</span>
		    </template>
		    <template slot="label">
				<van-row>
				  <van-col span="8"> <span class="van-multi-ellipsis--l2">{{ item.label }}</span></van-col>
				  <van-col span="12" style="margin-top: 0.15rem"> <van-progress :percentage="item.progress_bar" /></van-col>
				</van-row>
			</template>
			<template>
			  <span class="font-size2 van-color-text-assist" style="color: #ff7b35;">
			    {{ item.price }}
			    <i class="font-size-2" >元</i>
			  </span>
			  
			</template>
			<template>
			  <span class="font-size2 van-color-text-assist" style="color: #666;">
				  提款中
			  </span>
			</template>
		   
		  </van-cell>
		</van-cell-group>
      <van-empty :description="$t('h.NO_DATA')" />
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar/index.vue';
export default {
  name: "index",
  components: {
    NavBar,
  },
  data() {
      return {
        list: [
          {
            title: '申请提款',
            label: '提款进度',
            price: '50.00',
			progress_bar:10,
			status:0,
          },
        ]
      };
    },
  methods:{
    goBack(){
      this.$router.go(-1)
    },
  }
}
</script>

<style scoped lang="scss">
.order-checked-main {
  width: 100%;
  background: #f6f6f6;
  min-height: 100vh;

  .header-main {
    width: 100%;
    height: 45px;
    padding: 15px 0 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #fff;

    .left-icon {
      position: absolute;
      left: 20px;
    }

    .center {
      width: 100%;
      height: 45px;
      text-align: center;
      line-height: 45px;
      font-size: 15px;
    }

    .icon-right {
      position: absolute;
      right: 20px !important;
      font-size: 12px;
      color: #aaaaaa;
    }
  }
  .order-list{
    width: 100%;
  }
 //  .nav-bar[data-v-67f77eba] {
 //       margin-top:0rem; 
 //  }
 
}
</style>
